<script setup>
const option = {
        animation: false,
        backgroundColor: 'pink',
        geo: {
            type: 'map',
            map: 'china',

            roam: true,
            zoom: 3,
            scaleLimit: {
                min: 1.3,
                max: 19
            },
            center: [103.97, 35.71],
            label: {
                normal: {
                    textStyle: {
                        color: 'blue'
                    }
                },
                emphasis: {
                    textStyle: {
                        color: 'blue'
                    },

                },
            },
            itemStyle: {
                normal: {
                    borderColor: '#5089EC',
                    borderWidth: 2,
                    areaColor: {
                        type: 'radial',
                        x: 0.5,
                        y: 0.5,
                        r: 0.8,
                        colorStops: [
                            {
                                offset: 0,
                                color: 'rgba(0,102,154,0)'
                            },
                            {
                                offset: 1,
                                color: 'rgba(0,102,154,.4)'
                            }
                        ]
                    }
                },
                emphasis: {
                    areaColor: '#2386AD',
                    borderWidth: 0
                }
            }
        },
        series: [
            //散点图相关配置
            {
                type: 'effectScatter',
                coordinateSystem: 'geo',
                // large: true,
                // progressive: 100,
                // sampling: 'average',
                effectType: 'ripple',
                symbol: 'path://M300,200 L100,50 L100,350 L300,200 Z',

                symbolSize: 10,
                // progressive: 8888,
                showEffectOn: 'emphasis',
                rippleEffect: {
                    period: 20,
                    scale: 1,
                    brushType: 'fill',

                },
                itemStyle: {
                    opacity: 0.6,

                },
                zlevel: 1,
                // data: data
            },
        ]

    }
</script>
<template>
</template>
<style scoped>
</style>